﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="reorder.aspx.cs" Inherits="Examples_tree_reorder" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />

    <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>

    <script type="text/javascript" src="../../ext-all.js"></script>

    <script type="text/javascript">
        Ext.onReady(function() {
            var Tree = Ext.tree;
            var tree = new Tree.TreePanel({
                useArrows: true,
                autoScroll: true,
                animate: true,
                enableDD: true,
                containerScroll: true,
                border: false,
                dataUrl: 'http://www.extjs.com/deploy/dev/examples/tree/get-nodes.php',

                root: {
                    nodeType: 'async',
                    text: 'Ext JS',
                    draggable: false,
                    id: 'src'
                }
            }); //end tree

            tree.render('tree-div');
            tree.getRootNode().expand();
        });      //end onReady
    </script>
</head>
<body>
    <form id="form1" runat="server">
<div id="tree-div" style="overflow:auto; height:300px;width:250px;border:1px solid #c3daf9;"></div>
    </form>
</body>
</html>
